<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Colortip - jquery文字提示插件</title>
<link rel="stylesheet" type="text/css" href="style/css/base.css" />
<link rel="stylesheet" type="text/css" href="style/css/demo.css" />
<link rel="stylesheet" type="text/css" href="styles.css" />
<link rel="stylesheet" type="text/css" href="colortip-1.0/colortip-1.0-jquery.css"/>

</head>

<body>
<div id="header" class="clearfix">
	<div id="logo" class="l"><img src="style/images/logo.png" /></div>
	<div class="l">
        <h2>$.colorTip——jquery文字提示插件</h2>
        <p>作者：Martin Angelov,翻译：明河共影，博客：<a href="http://www.36ria.com/">RIA之家</a></p>
        <p>文章链接：<a href="http://www.36ria.com/2765">http://www.36ria.com/2765</a></p>    
    </div>
</div>
<div id="page">

    
  <div>
  	  <h2><a href="http://www.36ria.com/2741" title="推荐9个jquery手风琴菜单插件">推荐9个jquery手风琴菜单插件</a></h2>	
      <h4>1、<a href="http://jqueryui.com/demos/accordion/" title="jQuery UI accordion" target="_blank">jQuery UI accordion</a></h4>
      <p><img title="jQuery UI Demo" src="http://www.36ria.com/wp-content/uploads/2010/07/jQuery-UI-Demo.png" alt="" width="538" height="285" /></p>
      <p>jqueryUI包中手风琴菜单，堪称经典，优势在于多样化的皮肤。</p>
      <h4><a href="http://www.i-marco.nl/weblog/jquery-accordion-3/" title="initMen3.1" target="_blank">2、initMen3.1</a></h4>
      <p><img title="initMen3.1" src="http://www.36ria.com/wp-content/uploads/2010/07/initMen3.1.png" alt="" width="229" height="301" /></p>
      <p>非常简单的一个jquery手风琴菜单插件，缺点是样式有点丑。<br />
      </p>
      <h4><a href="http://roshanbh.com.np/2008/06/accordion-menu-using-jquery.html" title="Making Accordion Menu Using jQuery">3、Making Accordion Menu Using jQuery</a></h4>
      <p><img src="http://www.36ria.com/wp-content/uploads/2010/07/accordion-menu-using-jquery.png" alt="" title="accordion-menu-using-jquery" width="159" height="135" /><br />
        你可以控制采用何种事件改变菜单内容，同时增加了菜单上图标的变化。<br />
      </p>
      <h4><a href="http://www.lateralcode.com/jquery-accordion-menu/" title="jQuery Accordion Menu">4、jQuery Accordion Menu</a></h4>
      <p><img src="http://www.36ria.com/wp-content/uploads/2010/07/accordion-menu.png" alt="" title="accordion-menu" width="278" height="315" /><br />
      </p>
      <h4><a href="http://www.portalzine.de/index?/Horizontal_Accordion--print" title="横向手风琴菜单">5、jQuery – Horizontal Accordion</a></h4>
      <p><img src="http://www.36ria.com/wp-content/uploads/2010/07/Horizontal_Accordion_Plugin_2-600x169.png" alt="" title="Horizontal_Accordion_Plugin_2" width="450" height="126" /><br />
        横向手风琴菜单，这个插件明河要推荐下，很完整的API。</p>
      <h4><a href="http://designreviver.com/tutorials/jquery-examples-horizontal-accordion/" title="简单的横向手风琴效果" class="white">6、jQuery Examples – Horizontal Accordion</a></h4>
      <p><img src="http://www.36ria.com/wp-content/uploads/2010/07/jquery-examples-horizontal-accordion.png" alt="" title="jquery-examples-horizontal-accordion" width="455" height="131" /><br />
        简单的横向手风琴效果。</p>
      <h4><a href="http://berndmatzner.de/jquery/hoveraccordion/" title="Regular and Hover Accordion Menus" class="blue">7、Regular and Hover Accordion Menus</a></h4>
      <p><img src="http://www.36ria.com/wp-content/uploads/2010/07/hoveraccordion.png" alt="" title="hoveraccordion" width="230" height="286" /></p>
      <h4><a href="http://jqueryfordesigners.com/slide-out-and-drawer-effect/" title="Slide Out and Drawer" class="green">8、Slide Out and Drawer Effect</a></h4>
      <p><img src="http://www.36ria.com/wp-content/uploads/2010/07/slide-example.jpg" alt="" title="slide-example" width="283" height="127" /></p>
      <h4><a href="http://www.scriptocean.com/accordion.html" title="类似RIA之家的导航区域的效果" class="red">9、Javascript Accordion Menu Wizard</a></h4>
      <p><img src="http://www.36ria.com/wp-content/uploads/2010/07/javascript-menu-wizard-jquery-accordion-menus-resources-tutorials-examples.jpg" alt="" title="javascript-menu-wizard-jquery-accordion-menus-resources-tutorials-examples" width="570" height="350" /><br />
        类似RIA之家的导航区域的效果，有趣的是作者还提供了几个flash菜单，有兴趣的朋友可以看下。</p>
      <p>原文：<a href="http://www.1stwebdesigner.com/resources/jquery-accordion-menus-tutorials/">http://www.1stwebdesigner.com/resources/jquery-accordion-menus-tutorials/</a></p>
<p>&nbsp;</p>
  </div>
</div>


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="colortip-1.0/colortip-1.0-jquery.js"></script>
<script type="text/javascript" src="script.js"></script>

</body>
</html>
